<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
         <link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="./css/style.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="./css/nivo-slider.css" type="text/css" media="screen"/>
        <title>Wirtualna biblioteka internetowa</title>
        
        <script src="./js/jquery.js" type="text/javascript"/>
        
	 <script src="./js/jquery.nivo.slider.pack.js" type="text/javascript"/>
	 <script>
            var $rfjquery  =  jQuery.noConflict(); 
	        $rfjquery(window).load(function() {
	            $rfjquery('#slider').nivoSlider({
	                effect:'random',
	                slices:15,
	                boxCols:8,
	                boxRows:8,
	                animSpeed:500,
	                pauseTime:4000,
	                directionNav:false,
	                directionNavHide:false,
	                controlNav:true,
	                captionOpacity:0.9
	            });
	        });
	  </script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    </h:head>
    
    <h:body>
       <h:form id="form">
           
       <div class="container">
           <header>
                    <ui:insert name="top">
                       
                       
                    </ui:insert>    
            </header>
         <!--   <div class="slides">
                            <ul> 
                                <li><img src="images/u1.jpg" alt="image01" />
                                    <div>Biblioteka internetowa</div>
                                </li>
                                <li><img src="images/u2.jpg" alt="image02" />
                                    <div>Ponad 50 000 ksiazek</div>
                                </li>
                                <li><img src="images/u3.jpg" alt="image03" />
                                    <div>10 000 prac naukowych</div>
                                </li>
                                <li><img src="images/u4.jpg" alt="image04" />
                                    <div>5 000 audiobookow</div>
                                </li>
                            </ul>
                        </div>  -->      

         <ui:insert name="top2">
                  <section id="slider-wrapper"><!-- Nivo promo slider -->
                    <div id="slider" class="nivoSlider">
                        <img style="display: none;" src="./images/u1.JPG" alt="" title="#htmlcaption-1"/>
                        <img style="display: none;" src="./images/u2.JPG" alt="" title="#htmlcaption-2"/>
                        <img style="display: none;" src="images/u3.JPG" alt="" title="#htmlcaption-3"/>
                    </div>
                    <div id="htmlcaption-1" class="nivo-html-caption">
                        <h5 class="p2">Biblioteka internetowa</h5>
                        <p>Juz ponad 80 000 ksiazek</p> 
                    </div>
                    <div id="htmlcaption-1" class="nivo-html-caption">
                        <h5 class="p2">Your promo text 1</h5>
                        <p>Promo text description here</p> 
                    </div>
                    <div id="htmlcaption-2" class="nivo-html-caption">
                        <h5 class="p2">Your promo text 2</h5>
                        <p>Promo text description here</p> 
                    </div>
                    <div id="htmlcaption-3" class="nivo-html-caption">
                        <h5 class="p2">Your promo text 3</h5>
                        <p>Promo text description here</p> 
                    </div>
                </section>  
                    
             
         </ui:insert>
          <ui:insert name="menutop">
            
             <nav>
                  <ul class="subs">
                      
                     <li><h:link outcome="/index"> Główna </h:link></li>
                     <li><h:link outcome="/mapa"> Lokalizacja </h:link></li>
                     <li><h:link outcome="/kontakt"> Kontakt </h:link></li>
                     <li><h:link outcome="/faq"> FAQ </h:link></li>                      
                     <li><h:link outcome="/oferty.xhtml"> Oferty </h:link></li>

                 </ul>
                 
                 <ul style="margin-left: 24%;">
                        <li><h:link outcome="registration" value="Rejestracja"/>  </li>
                      
                     <li> <ui:insert name="login"><h:link outcome="login" value="Logowanie"/>&nbsp;&nbsp; </ui:insert>    </li>

               </ul>
           </nav>
             
         </ui:insert>             
 <ui:insert name="top2">
                        Witaj: <h:outputLabel value="#{AuthenticationBean.name}"/>, Dzisiaj jest: <h:outputLabel value="#{AuthenticationBean.time}"/>,    
                        <h:commandButton value="Wyloguj" immediate="true" action="#{AuthenticationBean.logout}" rendered="#{AuthenticationBean.loggedIn}" />
                    </ui:insert>
                <div id="in">
                    <div id="menu">
                         <h:panelGrid styleClass="vertical-menu-cell" columnClasses="optionList" columns="5" cellspacing="0" cellpadding="0">
                            <rich:dropDownMenu  label="KSIĄŻKI" mode="client"
                                               jointPoint="bottomLeft" direction="bottomRight" >
                                <rich:menuItem label="PRZEGLĄDAJ" mode="server" action="przegladajKsiazki"/>
                                <rich:menuItem label="SZUKAJ" mode="server" action="wyszukajKsiazke"/>

                             </rich:dropDownMenu>
                             <rich:dropDownMenu  label="BIBLIOTEKA" mode="client"
                                               jointPoint="bottomLeft" direction="bottomRight" >
                                <rich:menuItem label="STRUKTURA" mode="server" action="struktura"/>
                                <rich:menuItem label="LOKALIZACJA" mode="server" action="mapa"/>
                                <rich:menuItem label="KONTAKT" mode="server" action="kontakt"/>

                             </rich:dropDownMenu>
                              <rich:dropDownMenu  label="E-BIBLIOTEKA" mode="client"
                                               jointPoint="bottomLeft" direction="bottomRight" >
                                <rich:menuItem label="DOKUMENTY" mode="server" action="documents"/>
                                <rich:menuItem label="POMOC" mode="server" action="index"/>
                                <rich:menuItem label="REGULAMIN" mode="server" action="regulamin.pdf"/>

                             </rich:dropDownMenu>
                               <rich:dropDownMenu  label="E-BIBLIOTEKA" mode="client"
                                               jointPoint="bottomLeft" direction="bottomRight" >
                                <rich:menuItem label="LOGOWANIE" mode="server" action="login"/>
                                <rich:menuItem label="REJESTRACJA" mode="server" action="registration"/>
                                <rich:menuItem label="PRZYPOMNIENIE HASŁA" mode="server" action="forgot"/>

                             </rich:dropDownMenu>
                              <rich:dropDownMenu  label="FAQ" mode="client"
                                               jointPoint="bottomLeft" direction="bottomRight" >
                                <rich:menuItem label="PRZEGLADAJ FAQ" mode="server" action="faq"/>
                                <rich:menuItem label="ZADAJ PYTANIE" mode="server" action="ask"/>

                             </rich:dropDownMenu>
                            
                         </h:panelGrid>

                    </div>
                    <div id="content">
                         <ui:insert name="content">

                        </ui:insert>
                    </div>
                    <div id="rightborder">
                        
                    </div>
                </div>
                  <footer><!-- Define the footer section of the page -->
                    <ul id="social"><!-- Social network links -->
                        <li><a href="#" title="facebook"><img alt="" src="images/facebook.png" /></a></li>
                        <li><a href="#" title="twitter"><img alt="" src="images/twitter.png" /></a></li>
                        <li><a href="#" title="linkedin"><img alt="" src="images/linkedin.png" /></a></li>
                        <li><a href="#" title="rss"><img alt="" src="images/rss.png" /></a></li>
                    </ul>
                    <div id="privacy">
                        Michal Budzilo © 2012 <a class="link" href="#">Privacy Policy</a><br />
                        <a class="link" href="http://www.script-tutorials.com/">Technologie aplikacji internetowych</a>
                    </div>
                </footer>
         
            </div>      
       </h:form>
    </h:body>

</ui:composition>
